<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            //获取所有ul下的li
            var citys = $("#city li");

            /*            //第一种遍历方式:直接遍历标签里的文本
                        for (var i = 0; i < citys.length; i++) {
                            //获取内容
                            alert(i + ":" + citys[i].innerHTML)
                        }*/
            //第二种遍历方式
            //jq对象.each(callback)
            citys.each(function (index, element) {//each实际上就是循环city里的元素,element也是对象
                    //直接输出
                    //alert(this.innerHTML);
                    //或者用index和element输出
                    alert(index + ":" + element.innerHTML)

                }
            )
        });
    </script>
</head>
<body>
<ul id="city">
    <li>北京</li>
    <li>上海</li>
    <li>天津</li>
    <li>重庆</li>
</ul>
</body>
</html>
